home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temathun / Mostly Crystal.jar / global / toolbarbutton.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-09-24  |  3.9 KB  |  144 lines
  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is Mozilla Communicator client code, released
  13.  * March 31, 1998.
  14.  *
  15.  * The Initial Developer of the Original Code is Netscape
  16.  * Communications Corporation. Portions created by Netscape are
  17.  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *   Joe Hewitt (hewitt@netscape.com)
  22.  */
  23.  
  24. /* ===== toolbarbutton.css =====================================================
  25.   == Styles used by the XUL button element.
  26.   ======================================================================= */
  27.  
  28. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29.  
  30. /* ::::: toolbarbutton ::::: */
  31.  
  32. toolbarbutton {
  33.   -moz-appearance: none;
  34.   -moz-box-align: center;
  35.   -moz-box-pack: center;
  36.   margin: 0;
  37.   padding: 3px;
  38.   background-color: transparent;
  39.   color: -moz-DialogText;
  40. }
  41.  
  42. .toolbarbutton-icon {
  43.   margin-right: 2px;
  44. }
  45.  
  46. .toolbarbutton-text {
  47.   margin: 0 !important;
  48.   text-align: center;
  49. }
  50.  
  51. toolbarbutton:hover {
  52.   color: #0000FF;
  53. }
  54.  
  55. toolbarbutton:hover:active,
  56. toolbarbutton[open="true"] {
  57.   color: #0000FF;
  58.   padding: 4px 2px 2px 4px;
  59. }
  60.  
  61. toolbarbutton[disabled="true"],
  62. toolbarbutton[disabled="true"]:hover,
  63. toolbarbutton[disabled="true"]:hover:active,
  64. toolbarbutton[disabled="true"][open="true"] {
  65.   padding: 3px;
  66.   color: GrayText;
  67. }
  68.  
  69. /* ..... checked state ..... */
  70.  
  71. toolbarbutton[checked="true"] {
  72.   padding: 4px 2px 2px 4px !important;
  73.   color: #0000FF;
  74. }
  75.  
  76. /* ::::: toolbarbutton menu ::::: */
  77.  
  78. .toolbarbutton-menu-dropmarker {
  79.   padding: 0px 2px 1px 0px;
  80.   list-style-image: url("chrome://messenger/skin/icons/dropmarker.png");
  81.   -moz-image-region: rect(0px 16px 16px 0px);
  82. }
  83.  
  84. .toolbarbutton-menu-dropmarker:hover,
  85. .toolbarbutton-menu-dropmarker:hover:active {
  86.   padding: 0px 2px 1px 0px;
  87.   -moz-image-region: rect(16px 16px 32px 0px);
  88. }
  89.  
  90. .toolbarbutton-menu-dropmarker[disabled="true"] {
  91.   padding: 0px 2px 1px 0px;
  92.   -moz-image-region: rect(32px 16px 48px 0px);
  93. }
  94.  
  95. /* ::::: toolbarbutton menu-button ::::: */
  96.  
  97. toolbarbutton[type="menu-button"] {
  98.   -moz-box-align: stretch;
  99.   -moz-box-orient: horizontal !important;
  100. }
  101.  
  102. toolbarbutton[type="menu-button"],
  103. toolbarbutton[type="menu-button"]:hover,
  104. toolbarbutton[type="menu-button"]:hover:active,
  105. toolbarbutton[type="menu-button"][open="true"],
  106. toolbarbutton[type="menu-button"][disabled="true"],
  107. toolbarbutton[type="menu-button"][disabled="true"]:hover,
  108. toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
  109.   border-style: none;
  110.   padding: 0;
  111. }
  112.  
  113. .toolbarbutton-menubutton-button {
  114.   -moz-box-align: center;
  115.   -moz-box-pack: center;
  116.   -moz-box-orient: vertical;
  117. }
  118.  
  119. /* .......... dropmarker .......... */
  120.  
  121. .toolbarbutton-menubutton-dropmarker {
  122.   -moz-box-align: center;
  123. /*  padding: 0px 2px 1px 0px; */
  124.   list-style-image: url("chrome://messenger/skin/icons/dropmarker.png");
  125.   -moz-image-region: rect(0px 16px 16px 0px);
  126.   margin-left: -4px !important;
  127.   padding-right: 2px !important;
  128. }
  129.  
  130. .toolbarbutton-menubutton-dropmarker:hover {
  131. /*  padding: 0px 2px 1px 0px; */
  132.   -moz-image-region: rect(16px 16px 32px 0px);
  133. }
  134.  
  135. .toolbarbutton-menubutton-dropmarker[disabled="true"] {
  136. /*  padding: 0px 2px 1px 0px !important; */
  137.   -moz-image-region: rect(32px 16px 48px 0px);
  138. }
  139.  
  140. toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
  141. toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker {
  142.   -moz-image-region: rect(16px 16px 32px 0px);
  143. }
  144.